/**
 * Created by root on 2017-05-13.
 */

$(function(){
    /* 首页轮播图 */
    $.getJSON(config.devUrl + "/pictures/getImg.json",{},function(result){
        console.info(result);
    });

    /* 商品列表 */
    $.getJSON(config.devUrl + "/goods/listGoods.json",
        {pageNo:1},
        function(result){
        console.info(result);
            var html =  template('goodsListTemplate', result.data);
            $("#goodsList").html(html);
    });



    //以下将以jquery.ajax为例，演示一个异步分页
    //function demo(curr){
    //    $.getJSON('test/demo1.json', {
    //        page: curr || 1 //向服务端传的参数，此处只是演示
    //    }, function(res){
    //        //此处仅仅是为了演示变化的内容
    //        var demoContent = (new Date().getTime()/Math.random()/1000)|0;
    //        document.getElementById('view1').innerHTML = res.content + demoContent;
    //        //显示分页
    //        laypage({
    //            cont: 'page1', //容器。值支持id名、原生dom对象，jquery对象。【如该容器为】：<div id="page1"></div>
    //            pages: res.pages, //通过后台拿到的总页数
    //            curr: curr || 1, //当前页
    //            jump: function(obj, first){ //触发分页后的回调
    //                if(!first){ //点击跳页触发函数自身，并传递当前页：obj.curr
    //                    demo(obj.curr);
    //                }
    //            }
    //        });
    //    });
    //};
//运行
//    demo();

    // 分页插件使用
    function showGoodsList(curr) {
        $.getJSON(config.devUrl + "/goods/listGoods.json",
            {pageNo:curr || 1},
            function(result){
                console.info(result);
                var html =  template('goodsListTemplate', result.data);
                $("#goodsList").html(html);

                //显示分页
                laypage({
                    cont: 'goodsPage', //容器。值支持id名、原生dom对象，jquery对象。【如该容器为】：<div id="page1"></div>
                    pages:  result.data.pages, //通过后台拿到的总页数
                    curr: curr || 1, //当前页
                    jump: function(obj, first){ //触发分页后的回调
                        $("#goodsPage").css("text-align", "center")
                        if(!first){ //点击跳页触发函数自身，并传递当前页：obj.curr
                            showGoodsList(obj.curr);
                        }
                    }
                });
            });
    }

    showGoodsList();
});